.header{
	&.loginhead{
		background-color: #fafafa;
		.nav{
			
			.right{
				right: .6rem;
			}
		}
		
	}
}
.return{
	background-image: url(../images/back.png)!important;
	background-size: 80%!important;
}
.container{
	&.login{
		background: #fff;
		height: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	.loginbox{
			padding:1rem 1rem;
			.login_wrap {
			    padding:.4rem 0 .4rem 2rem;
			    -moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			    position: relative;
			    margin: 0 auto;
			    border-bottom: 1px solid #F6F6F6;
			    &.tel{
			    	padding-right: 7rem;
			    	img{
			    		width: 1.2rem!important;
			    	}
			    }
			    &.ver{
			    	img{
			    		width: 1.3rem!important;
			    	}
			    }
			    .icon{
				    position: absolute;
				    left: 0;
				    top:50%;
				    text-align: center;
				    margin-top: -1rem;
				    img{
					    font-size: 2.5rem;
					    color: #808289;
					    width: 1.3rem;
					    display: inline-block;
					    vertical-align: middle;
		    			cursor: pointer;
					}
				}
				.input_text{
				    position: relative;
				    /*display: inline-block;*/
				    width: 100%;
				    border-radius: 1.25rem;
				    overflow: hidden;
				    padding:.8rem 0 ;
				    input{
				    	width: 100%;
					    padding: 0 .5rem;
					    height: 2rem;
					    line-height: 2rem;
					    overflow-x: hidden;
					    overflow-y: auto;
					    font-size: 1.1rem;
					    color: #747474;
					    border:none;
					    -moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;
						box-sizing: border-box;
				    }
				    .select{
						width: 100%;
					    padding: 0 .5rem;
					    height: 2rem;
					    line-height: 2rem;
					    overflow-x: hidden;
					    overflow-y: auto;
					    font-size: 1.1rem;
					    color: #747474;
					    border:none;
					    -moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						-o-box-sizing: border-box;
						-ms-box-sizing: border-box;
						box-sizing: border-box;
				    }
				}
				.verifybtn {
				    display: inline-block;
				    position: absolute;
				    float: right;
				    top:50%;
				    margin-top: -1.25rem;
				    right: .8rem;
				    line-height: 2.5rem;
				    font-size: 1.1rem;
				    text-align: center;
				    color: #3C3C3C;
				    padding-left:1rem;
				    &:before{
				    	content:'';
				    	position: absolute;
				    	top: 0;
				    	left: 0;
				    	height: 100%;
				    	border-left: 1px solid #F6F6F6;
				    }
				}
			}
			.agree{
			    position: relative;
			    height: 2rem;
			    line-height:2rem;
			    font-size: 1rem;
			    margin: 2rem 0;
			    
			    color: #3C3C3C;
			    #agreecheck{
			    	display: none;
			    }
			    #agreecheck:checked+label {
				    background: url(../images/6.png) no-repeat center left;
				    background-size: 1.3rem 1.3rem;
				}
			    label{
			    	background: url(../images/5.png) no-repeat center left;
				    background-size: 1.2rem 1.2rem;
				    padding-left: 1.85rem;
				    display: block;
				    span{
				    	color: #A2A2A2;
				    }
			    }
			}
			.loginbtn{
				margin-top: 2.5rem;
				a{
					display: block;
					height: 3rem;
					line-height: 3rem;
					width: 100%;
					font-size: 1rem;
					border-radius: 1.5rem;
					background-color: #FC8200;
					color: #fff;
					text-align: center;
				}

			}
			.login_item{
				text-align: center;
				display: inline-block;
				padding:1rem;
				margin:2rem auto;
				border:2px solid #B0B0B0;
				border-radius: 50%;
				img{
					width: 5rem;
				}
			}
			.foget{
				margin:1rem 0 2.5rem;
				font-size: 1rem;
				text-align: right;
				a{
					color: #BDBDBD;
				}
			}
			.other{
				margin-top: 2rem;

				.item{
					width: 100%;
				}
				span{
					background-color: #fff;
					color: #bdbdbd;
				}
				.type{
					text-align: center;
					margin-top: 1rem;
					a{
						text-align: center;
						display: inline-block;
						&:first-child{
							margin-right:2rem;
						}
					}
					i{
						display:block;
						margin:0 auto .5rem;
						width: 3rem;
						height: 3rem;
						border-radius: 50%;
					}
					.qq{
						background: url(../images/qq.png)no-repeat center center;
						border:1px solid #6CC6FF;
						background-size: 60% auto;
					}
					.weixin{
						background: url(../images/weixin.png)no-repeat center center;
						border:1px solid #64E16B;
						background-size: 60% auto;

					}
				}
			}
		}
}
.address{
	.loginbox{
		background: #fff;
		padding: 0!important;
	}
	.ad_border{
		border-top: 1px solid #E6E6E6;
		
	}
	.login_wrap{
		padding: .4rem 1rem .4rem 6rem!important;
		&:last-child{
			border:0;
		}
		&.default{
			margin-top: 1rem;
			padding-left: 6rem!important;
			position: relative;
			border-bottom: 0!important;
			label{
				display: block;
				position: absolute;
				height: 100%;
				width: 4rem;
				right: 0;
				top: 0;
				background: url(../images/switch.png)no-repeat center center;
				background-size: 100% auto;
				border: none;
			　　-webkit-tap-highlight-color: rgba(0,0,0,0);
			　　-webkit-tap-highlight-color: transparent;
			　　outline: none;
			}
			input{
				visibility: hidden;
			}
			input[type=checkbox]:checked +label{
				background-image: url(../images/switchon.png);
			}
		}
		.icon{
			color: #666;
			height: 1.9rem;
			line-height: 1.9rem;
			display: block;
			margin-left: 1rem;
		}
		.input_text{
			padding: .3rem 0!important;
		}
		.input_text input{
			font-size: 1rem!important;
		}
	}
}